<!--
  * 登录
  *
  *
-->
<template>
    <div class="login-container">
      <div class="box-item desc">
        <div class="welcome">
          <p>欢迎登录 {{AppConst.websiteName}}</p>
          <p class="desc">
            <a target="_blank" href="https://www.xianlian.cc" style="color: white; weight: bolder; font-size: 15px; text-decoration: underline">县链科技</a>
            全称河南省县链科技有限公司，专注于为县域合作伙伴提供技术、运营及供应链服务‌。其主要产品与服务包括：
            <br />
            <span class="setence">
                ‌技术服务‌：
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;提供智能仓储系统WMS、智能配送系统TMS、订单采购系统OMS以及社区团购新零售SaaS平台等，助力合作伙伴数字化管理。
              <br />
            </span>
            <span class="setence">
                ‌运营服务：
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;涵盖VI设计、品牌宣传、新媒体推广、商品运营及活动营销等，旨在提升合作伙伴的品牌影响力和市场竞争力。
              <br />
            </span>
            <span class="setence">
                ‌供应链服务：
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;围绕县域本土化、特色化、差异化产品上行及供应链渠道共享，提供商品及金融服务，如集约采购、垫资代采、供应链授信等，优化供应链效率，降低成本，提升收益‌。
            </span>
          </p>
        </div>
        <div class="app-qr-box">
          <div class="app-qr">
            <img :src="zhuoda" />
            <span class="qr-desc"> 县链科技 </span>
          </div>
          <div class="app-qr">
            <img :src="gzh" />
            <span class="qr-desc"> 实施工程师 </span>
            <!-- <div class="qr-desc-marquee">
              <div class="marquee">
                <span> 实施工程师 </span>
              </div>
            </div> -->
          </div>
        </div>
      </div>
      <div class="box-item login">
        <img class="login-qr" :src="loginQR" />
        <div class="login-title">账号登录</div>
        <LoginForm />
      </div>
    </div>
  </template>
  <script setup lang="ts">
    import LoginForm from '@/components/system/login-form/index.vue';
    import zhuoda from '@/assets/images/1024lab/zhuoda-wechat.jpg';
    import loginQR from '@/assets/images/login/login-qr.png';
    import gzh from '@/assets/images/1024lab/gzh.jpg';
    import { AppConst } from '@/constants/system/app-const'
  </script>
  <style lang="less" scoped>
    @import './login.less';
  </style>
  